<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Inerd Hussein</title>
   	<link rel="stylesheet" href="reset.css" type="text/css" media="screen" charset="utf-8">
	<link rel="stylesheet" href="grid.css" type="text/css" media="screen" charset="utf-8">
   	<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
	
	<script src="js/jquery-1.5.2.min.js"></script>

	<style type="text/css" media="screen">
	/*
	 & A little bit of styling
	 */
	h1 {
		border: solid 1px black;
		text-align: center;
		padding: 10px;
	}
	</style>
</head>

<body>
<img src="images/background.jpg" alt="" class="bg"/>

<div id="wrap">
	<div id="header">
    	<div class="container">
        <div class="grid_12">
            <ul class="toplinks">
                <li class="work"><a href="/work" title="">Work</a></li>
                <li class="blog"><a href="/blog" title="">Blog</a></li>
            </ul>
            
            <ul class="sociallinks">
                <li class="twitter"><a href="http://www.twitter.com/inerds">Twitter</a></li>            
                <li class="facebook"><a href="http://www.facebook.com/inerds">Facebook</a></li>
                <li class="google"><a href="http://profiles.google.com/nerdsane">Google Profile</a></li>
                <li class="skype"><a href="skype:nerdsane">Skype</a></li>
            </ul>
        </div>
        </div>
    </div>

    <div class="container">
        <div id="twitter" class="grid_12">
        	<p class="tweet">Sometimes when you innovate, you make mistakes. It is best to admit them quickly, and get on with improving your other innovations.</p>
            <p class="tweetime">25 seconds ago</p>
        </div>
        
        <!---recent works--->
        <div id="recentwork" class="clearfix">
        <h3>Recent works</h3>
            <div class="work grid_3">
            	<div class="witem">
                <img src="images/enjoymv_thumb.jpg" alt="enjoymaldives.com thumb"/>
                <p class="wtitle">Enjoy Maldives</p>
                <p class="wurl">enjoymaldives.com</p>
                
              </div>
            </div>
            <div class="work grid_3">
            	<div class="witem">
                <img src="images/sacred_thumb.jpg" alt="sacredlegacy.com thumb"/>
                <p class="wtitle">Sacred Legacy</p>
                <p class="wurl">thesacredlegacy.com</p>
              </div>
            </div>
            <div class="work grid_3">
            	<div class="witem">
                <img src="images/formax_thumb.jpg" alt=""/>
                <p class="wtitle">Formax Online Store </p>
                <p class="wurl">formaxcomputers.com</p>
                </div>
            </div>
            <div class="work grid_3">
            	<div class="witem">
                <img src="images/aafathis_thumb.jpg" alt="aafathis"/>
                <p class="wtitle">Aafathis News</p>
                <p class="wurl">aafathis.net</p>
                
              </div>
            </div>

        </div><!---end of recent works--->
		
        <!---about me--->
		<div id="about" class="clearfix">
            <div id="aboutme" class="grid_9">
                <h1>9</h1>
            </div>
            <div id="myphoto" class="grid_3">
                <h1>3</h1>
            </div>
        </div><!---end of about me--->

        <!---cleints and contact--->
		<div id="clients" class="clearfix">
            <div id="clientlist" class="grid_7">
                <h1>6</h1>
            </div>
            <div id="contact" class="grid_5">
                <h1>3</h1>
            </div>
        </div><!---cleints and contact--->
        
    </div>
</div>
</body>
</html>